<!DOCTYPE html>
<html>
<head>
    <script language="JavaScript" src="./js/get-data.js"></script>
	<script language="JavaScript" src="./js/jquery.js"></script>
	<script language="JavaScript" src="./js/main.js"></script>
	<script type="text/javascript" src="./js/jquery.SuperSlide.2.1.1.js"></script>
	<link rel="stylesheet" type="text/css" href="./css/main.css" />
	<link type="text/css" href="./css/style.css" rel="stylesheet" />
</head>

<body>
	<div class="product-content">
		<!-- 每个tab页签的标题 -->
		<div class='product-box'>
			<div class='product-header hd'>
				<ul>
					<li><a href='#'><span class='product-head-tit'>A</span></a></li>
					<li><a href='#'><span class='product-head-tit'>B</span></a></li>
					<li><a href='#'><span class='product-head-tit'>C</span></a></li>
					<li><a href='#'><span class='product-head-tit'>4</span></a></li>
					<li><a href='#'><span class='product-head-tit'>5</span></a></li>
					<li><a href='#'><span class='product-head-tit'>6</span></a></li>
				</ul>
			</div>
		</div>
		
		<!-- 每个tab页签的内容，通过 ul 标签块控制，对应上面有多少个标题就要有多少个 <ul class='product-list'> -->
		<div class='product-switch bd'>
			<ul class='product-list'>
				<table width='100%' id='tt' class='gridtable'>
					<tr><th>ID</th><th>列1</th><th>列2</th><th>列3</th><th>列4</th><th>列5</th><th>列6</th></tr>
					<tr></tr>
					<tr><td>1</td><td>234</td><td>3435</td><td>5234</td><td>763</td><td>458747</td></tr>
				</table>
			</ul>
			<ul class='product-list'>
				<table width='100%' id='tt' class='gridtable'>
					<tr><th>ID</th><th>列1</th><th>列2</th><th>列3</th><th>列4</th><th>列5</th><th>列6</th></tr>
					<tr></tr>
					<tr><td>2</td><td>efd</td><td>asdga</td><td>asdfgarh</td><td>qwhasdf</td><td>gqewrtq</td></tr>
				</table>
			</ul>
			<ul class='product-list'>
			</ul>
		</div>
	</div>
</body>



<!-- test
<body>
	<div class="product-content">
		<div class='product-box'>
		<div class='product-header hd'>
		<ul>
			<li><a href='#'><span class='product-head-tit'>一</span></a></li>
			<li><a href='#'><span class='product-head-tit'>二</span></a></li>
		</ul>
		</div>
		</div>

		<div class='product-switch bd'>
		<ul class='product-list'>
		<table width='100%' id='tt' class='gridtable'>
				<ul class='product-list'>
				<table width='100%' id='tt' class='gridtable'>
                <tr><th>ID</th><th>列1</th><th>列2</th><th>列3</th><th>列4</th><th>列5</th><th>列6</th></tr>
                <tr></tr>
				<tr><td>1</td><td>test</td><td>te</td><td>1234</td><td>1235</td><td>123512</td><td>aweqrwdf</td></tr>
				<tr><td>2</td><td>12362346</td><td>312512</td><td>ytrolryu</td><td>qwerq</td><td>asdgasdg</td><td>2345623</td></tr>
				</ul>
		</table>
		<table width='100%' id='tt' class='gridtable'>
			<ul class='product-list'>
			<table width='100%' id='tt' class='gridtable'>
			<tr><th>ID</th><th>列1</th><th>列2</th><th>列3</th><th>列4</th><th>列5</th><th>列6</th></tr>
			<tr></tr>
			<tr><td>3/td><td>1234</td><td>1234</td><td>1234</td><td>1235</td><td>123512</td><td>1234123</td></tr>
			<tr><td>4</td><td>12362346</td><td>312512</td><td>ytrolryu</td><td>qwerq</td><td>asdgasdg</td><td>2345623</td></tr>
			</ul>
		</table>
		</ul>
		</div>
	</div>

</body>
-->
</html>

<script type="text/javascript">
	jQuery(".product-content").slide({effect:"fade",trigger:"click",delayTime:700});
</script>